<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
<title>欢迎加入wendellup的小站</title>
<link href="${pageContext.request.contextPath}/resources/common/style/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="${pageContext.request.contextPath}/resources/common/style/bootstrap-responsive.min.css" rel="stylesheet"
	media="screen">
<script src="${pageContext.request.contextPath}/resources/common/scripts/jquery-1.8.3.min.js"></script>
<script src="${pageContext.request.contextPath}/resources/common/scripts/bootstrap.min.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/resources/register/scripts/register.js"></script>
<!-- <link
	href="${pageContext.request.contextPath}/resources/register/style/register.css"
	type="text/css" rel="stylesheet" /> -->
</head>
<body>
	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span1">
				<!-- blank -->
			</div>
			<div class="span8">
				<div id="div_header">
					<h4>wendllup小站的账号</h4>
					<h4>欢迎加入wendellup小站</h4>
				</div>
				<hr />
				<div id="div_content">
					<form:form class="form-horizontal"
						action="${pageContext.request.contextPath}/register" method="post"
						commandName="accountVo">
						<div class="control-group">
							<label class="control-label" for="accountName">用户名:</label>
							<div class="controls">
								<form:input path="accountName" id="accountName" type="text"
									onblur="checkName()" placeholder="长度为3到5位"/>
								<span id="accountName_info"></span>
								<form:errors path="accountName"></form:errors>
							</div>
							
						</div>
						<div class="control-group">
							<label class="control-label" for="accountPassword">密码:</label>
							<div class="controls">
								<form:password path="accountPassword" placeholder="密码长度为3到10位"/>
								<form:errors path="accountPassword" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="accountPassword">密码确认:</label>
							<div class="controls">
								<form:password path="confirmPassword"/>
								<form:errors path="confirmPassword" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="accountPassword">验证码:</label>
							<div class="controls">
								<img src="kaptcha.jpg"
									onclick="this.src='${pageContext.request.contextPath}/kaptcha.jpg?'+new Date()" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="accountPassword">输入图中数字:</label>
							<div class="controls">
								<form:input path="validateCode" id="validateCode"/>
								<form:errors path="validateCode" />
							</div>
						</div>
						
						<div class="control-group">
							<div class="controls">
								<button type="submit" class="btn">注册</button>
							</div>
						</div>
					</form:form>
				</div>
				<div id="div_footer">
					<a href="${pageContext.request.contextPath}/login">已有账号,去登录</a>
				</div>
			</div>
			<div class="span3"></div>
		</div>
	</div>
</body>
</html>